<script setup lang="ts">
import SafetyScreen from './SafetyScreen.vue';

</script>

<template>
    <div class="right-container">
        <div class="right-item">
            <!-- 视频盒子 -->
            <SafetyScreen></SafetyScreen>
        </div>
    </div>
</template>

<style scoped lang="scss">
.right-container {
    width: 33vw;
    height: 100vh;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    background-image: url(../../assets/Right.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;

    .right-item {
        width: 70%;
        height: calc(100% - 80px);
        position: absolute;
        top: 70px;
        left: 50%;
        transform: translateX(-50%);
    }
}
</style>